import React from 'react'
import { useNavigate } from 'react-router-dom'
import TopNavbar from '../../components/TopNavbar'
import ErrorBoundary from '../../components/ErrorBoundary'
import styles from './index.module.css'

const Feedback = () => {
  const navigate = useNavigate()

  return (
    <div className={styles.feedbackPage}>
      <ErrorBoundary>
        <TopNavbar
          title="意见反馈"
          showBack={true}
          onBack={() => navigate(-1)}
        />
      </ErrorBoundary>
      
      <div className={styles.content}>
        <div className={styles.feedbackForm}>
          <div className={styles.formTitle}>请告诉我们您的建议</div>
          <textarea 
            className={styles.feedbackInput}
            placeholder="请输入您的意见或建议..."
            rows={6}
          />
          <button className={styles.submitBtn}>提交反馈</button>
        </div>
      </div>
    </div>
  )
}

export default Feedback
